<%@ page pageEncoding="utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点点外卖</title>
<link rel="stylesheet" type="text/css" href="style.css" />

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="jquery.flow.1.2.auto.js"></script>

  <script type="text/javascript">
      $(function(){
		 $("#myController1").jFlow({
		slides: "#slides1",
		controller: ".jFlowControl1", 
		slideWrapper : "#jFlowSlide1", 
		selectedWrapper: "jFlowSelected1", 
		auto: true,
		duration: 600,
		width: "680px",
		height: "275px",
		prev: ".jPrev", 
		next: ".jNext" 
	});
	  });

        
        </script>


</head>
<style>
body,#Mdown{margin: 0;padding: 0;text-align: right; font:Verdana, Geneva, sans-serif;text-decoration:none; font-size:18px}
#loginBox{margin: 0 auto;padding: 0px;text-align: left;width: 200px;height: 185px;background: #EAEEFF;font-size: 9pt;border: 1px solid #829AFF;overflow: hidden;filter: alpha(opacity=90);opacity: 1;}
#loginBox .title{text-align: left;padding-left: 10px;font-size: 11pt;border-bottom: 1px solid #829AFF;height: 25px;line-height: 25px;cursor: move;}
#loginBox .t1{float: left;font-weight: bold;color: #AA7B7B;text-decoration: none;}
#loginBox .t2{float: right;text-align: center;line-height: 18px;height: 18px;width: 18px;margin-top: 3px;margin-right: 2px;overflow: hidden;border: 1px solid #FF5889;background: #FFE0E9;cursor: pointer;}
#loginBox .login{text-align: center;width: 100%;height: 100%; color:#F09; }
input.submit{float: right;border: 1px solid #829AFF;FONT-SIZE: 9px;background: #EAEEFF;HEIGHT: 20px;margin-top: 5px;margin-right: 70px;}
#bgDiv{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;right: 0px;background-color: #777;opacity: 0.7;}		
.J_ServiceItemsBox a{ font-size:12px; }   
*{ margin:0; padding:0; list-style:none;}
#J_MUIMallbar{ display:none; }   
#header{ height:65px;background-color:#3366ff!important;font-family: "微软雅黑";}
.pic{width:900px;
  height:500px;
  text-align:center;
  line-height:500px;
  }
  .hcolor{ color:#00F; font:Verdana, Geneva, sans-serif}
.header-wrap{width: 990px;margin: 0 auto;height:65px;}
.header-tab{float: left;}
.header-tab ul{margin-left:50px;}
.header-tab ul li{float: left;line-height:65px;font-size: 16px;padding: 0 17px; font-weight:500;}
  .header-tab ul li a{color: #FFF; text-decoration:none; font-weight:bold;}
.header-tab ul li a:hover{text-decoration: none;}
.header-tab ul .selected { background:#0c5580;height:65px;}
.header-tab ul .selected a{color: #FFF; text-decoration:none;}
.login { float: right; font-size: 14px;line-height: 65px;color: #FFF;}
.login span {margin: 0 15px;}
.login a {margin: 0 15px;color: #FFF;}
.demo{width:680px;height:272px;border:1px solid #999;background:#fff;margin:4px auto 20px auto;overflow:hidden}
 
</style>
<body>
<br /><h1 align="center" class="hcolor">欢迎入驻点点外卖</h1>

    <script type="text/javascript">
			var IsMousedown, LEFT, TOP, login;
			document.getElementById("Mdown").onmousedown=function(e) {
				login = document.getElementById("loginBox");
				IsMousedown = true;
				e = e||event;
				LEFT = e.clientX - parseInt(login.style.left);
				TOP = e.clientY - parseInt(login.style.top);
				document.onmousemove = function(e) {
					e = e||event;
					if (IsMousedown) {
						login.style.left = e.clientX - LEFT + "px";
						login.style.top = e.clientY - TOP + "px";
					}
				}
				document.onmouseup=function(){
					IsMousedown=false;
				}
			}
        </SCRIPT>
      
        
        
<div id="header">
    <div class="header-wrap">
        <div class="header-tab">
            <ul style="list-style-type:none">
               <li class="selected"><a href="${pageContext.request.contextPath}/main/main.jsp">首页</a></li>
               <li><a href="#">登录后台</a></li>
               <li><a href="#">点点掌柜下载</a></li>    
               <li><a href="#" target="_blank">联系客服</a></li>				             
            </ul>
            <br /><br /><br /><br />
            <div class="demo">
		<div id="slides1">
			<div class="slide_wrap"><img src="image/s1.jpg" alt="" /></div>
			<div class="slide_wrap"><img src="image/s2.jpg" alt="" /></div>
			<div class="slide_wrap"><img src="image/s3.jpg" alt="" /></div>
		</div>
		<div id="myController1">
			<span class="jPrev">&lt;</span>
			<span class="jFlowControl1">1</span>
			<span class="jFlowControl1">2</span>
			<span class="jFlowControl1">3</span>
			<span class="jNext">&gt;</span>
		</div>
	</div>

            <img  src="image/show.png" width="950" height="98" style="display:block;margin:10px auto";/>
            <div class="pic"><a href="/waimai/addseller/regist.jsp"><img  src="image/login.png" /></a></div>
           
        </div>
        <div id="J_Login" class="login">
            
            
        </div>
    </div>
</div>

</table>

</body>
</html>
